.up{
		transition: all 0.4s;
		transform: rotateX(180deg);
		transform-origin: 0 50%;
	}
	.down{
		transition: all 0.4s;
		transform: rotateX(0deg);
		transform-origin: 0 50%;
	}
	.user-avatar-school{
		padding: 30upx 20upx 60upx;
		display: flex;
		.avatar-box{
			width: 120upx;
			height: 120upx;
			border-radius: 50%;
			padding: 10upx;
			background: #fff;
			margin-right: 36upx;
			.avatar{
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
		}
		.school-name{
			>view{margin-top: 16upx;}
			.name{ font-size: 32upx; text{ font-size: 24upx;margin-left: 6upx; color: #fa4472; }}
			.school{ font-size: 26upx; width: 456upx; }
			.trans{ color: transparent; }
		}
	}
	.plader{
		color: #808080
	}
	.box{
		border-radius: 16upx;
		background: #fff;
		// box-shadow: 0 0 15upx rgba(247, 200, 122, .2);
		box-shadow: 0 3upx 20upx 1upx rgba(247, 200, 122, .2);
		padding: 20upx;
		.btn-box{
			width: 590upx;
			height: 80upx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			border-radius: 16upx;
			background: #49b9ad;
			font-size: 28upx;
			image{
				width: 30upx;
				height: 30upx;
				margin-right: 16upx;
			}
		}
		.btn-box~.btn-box{
			margin-top: 20upx;
		}
		.complaint{
			flex-direction: column;
			image{
				width: 24upx;
				height: 12upx;
			}
		}
	}
	.complaint-box{
		margin-top: 26upx;
		.label{
			padding: 36upx 0 20upx;
			font-size: 26upx;
			width: 590upx;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			border-bottom: 1px solid #f7f7f7;
			.title{
				width: 140upx;
			}
			.attention-title{
				width: 100%;
				text{
					font-size: 22upx;
					color: red;
					margin-left: 18upx;
				}
			}
			.selected.ipt{
				width: 450upx;
			}
			.pickers{
				width: 450upx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 26upx;
				image{
					width: 20upx;
					height: 20upx;
				}
			}
			.selected.tarea{
				width:590upx;
				height: 160upx;
				textarea{
					width: 100%;
					height: 100%;
					padding: 20upx 10upx 10upx;
					font-size: 26upx;
				}
			}
			.pic-list{
				margin: 36upx 0 20upx;
				width: 590upx;
				height: 190upx;
				display: flex;
				align-items: center;
				.pic{
					width: 190upx;
					height: 190upx;
					border-radius: 12upx;
					position: relative;
					image{
						width: 100%;
						height: 100%;
						border-radius: 12upx;
					}
					.delete-pic{
						position: absolute;
						width: 24upx;
						height: 24upx;
						border-radius: 50%;
						background: red;
						text-align: center;
						line-height: 24upx;
						font-size: 16upx;
						color: #fff;
						right: 0;
						top: 0;
					}
				}
				.pic~.pic{
					margin-left: 10upx;
				}
				.add-pic{
					width: 190upx;
					height: 190upx;
					background: #f4f4f4;
					border-radius: 16upx;
					position: relative;
					margin-left: 10upx;
				}
				.add-pic::before{
					content: '';
					display: inline-block;
					width: 60upx;
					height: 6upx;
					background: #ababab;
					position: absolute;
					left: 65upx;
					top: 92upx;
				}
				.add-pic::after{
					content: '';
					display: inline-block;
					width: 6upx;
					height: 60upx;
					background: #ababab;
					position: absolute;
					left: 92upx;
					top: 65upx;
				}
			}
		}
		.btn{
			width: 100%;
			height: 80upx;
			line-height: 80upx;
			text-align: center;
			border-radius: 16upx;
			color: #fff;
			background: #49b9ad;
			margin: 160upx 0 40upx;
		}
	}
	
	.gray{
		background: #ababab!important;
	}